<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <!--shopcar-->
    <link rel="stylesheet" type="text/css" th:href="@{/plugins/bootstrap/css/bootstrap.min.css}">
    <link th:href="@{http://www.jq22.com/jquery/font-awesome.4.6.0.css}" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" th:href="@{/epid/css/style.css}">
    <!--commonstyle-->
    <link th:include="resident/navMenu::navigation">
    <title>创建购物单</title>
</head>

<body>
<!--wrapper-->
<div class="wrapper">
    <!--sidebar wrapper -->
    <div th:replace="resident/navMenu::#sideBar"></div>
    <!--end sidebar wrapper -->
    <!--start header -->
    <header th:replace="resident/navMenu::#navBar"></header>
    <!--end header -->
    <!--start page wrapper -->
    <div class="page-wrapper">
        <div class="page-content">
            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3">收银台（订单详情）</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <a th:href="@{/shopcar}" style="text-decoration: none">
                            <button class="layui-btn layui-btn-primary layui-border-blue">我的购物车</button>
                        </a>
                    </nav>
                </div>
            </div>
            <!--end breadcrumb-->
        </div>
        <div class="ct-pageWrapper">
            <main>
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="widget">
                                <h2 class="widget-header">购物车</h2>
                                <div class="ct-cart"></div>
                            </div>
                        </div>
                        <div class="col-md-9">
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/apple.jpg}" alt="">
                                        </div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">苹果</h2>
                                            <p class="ct-product-description">一种非常好吃的水果，产自...</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/banana.png}" alt="">
                                        </div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">香蕉</h2>
                                            <p class="ct-product-description">一种非常好吃的水果，产自...</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/pear.jpeg}" alt="">
                                        </div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">梨子</h2>
                                            <p class="ct-product-description">一种非常好吃的水果，产自...</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/pork.jpeg}" alt="">
                                        </div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">猪肉</h2>
                                            <p class="ct-product-description">肉，烤熟了很好吃...</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/mutton.jpeg}" alt="">
                                        </div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">羊肉</h2>
                                            <p class="ct-product-description">肉，烤熟了很好吃...</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/chicken.jpeg}"
                                                                alt=""></div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">鸡肉</h2>
                                            <p class="ct-product-description">肉，烤熟了很好吃...</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/pinru.jpeg}" alt="">
                                        </div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">品如的衣服</h2>
                                            <p class="ct-product-description">一种很好看的衣服...</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="ct-product">
                                        <div class="image"><img th:src="@{/img/products/teethbrush.jpeg}"
                                                                alt=""></div>
                                        <div class="inner"><a href="#" class="btn btn-motive ct-product-button"><i
                                                class="fa fa-shopping-cart"></i></a>
                                            <h2 class="ct-product-title">牙膏</h2>
                                            <p class="ct-product-description">刷牙用的...</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <script th:src="@{/plugins/jquery.min.js}"></script>
            <script th:src="@{/epid/js/shop.js}"></script>
            <script>
                $('body').ctshop({
                    currency: '购买数量：',
                    paypal: {
                        currency_code: 'EUR'
                    }
                });
            </script>
        </div>
        <div style="text-align:center;margin:-50px 0; font:normal 14px/24px 'MicroSoft YaHei';"></div>
    </div>
    <!--end page wrapper -->
</div>
<!--end wrapper-->
<div th:include="resident/navMenu::#footerBar"></div>
</body>

</html>
